<template>
    <div class="people_big">
        <div class="yuan"></div>
        <div class="banyuan"></div>
    </div>
</template>
<script></script>
<style scoped lang="scss">
@function r($v) {
    @return $v / (390 / 10rem)
}

.people_big {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;

    .yuan {
        position: absolute;
        width: 50%;
        height: 50%;
        border-radius: 50%;
        border: r(2) solid #fff;
        top: 0%;
        left: 50%;
        transform: translateX(-50%);
    }
    .banyuan{
        position: absolute;
        width: 100%;
        height: 100%;
        border: r(2) solid #fff;
        bottom: -50%;
        border-radius: 50%;
    }
}
</style>